<template>
	<el-tabs v-if="api" type="border-card" v-model="api.RequestTabValue">
		<el-tab-pane v-for="(item,index) of api.Request" :key="index">
			<span slot="label" class="closeSpan">
				<div>{{item.label}}</div>
			</span>
			<div class="datas">
				<datas :req="item"></datas>
				<module :req="item"></module>
			</div>
		</el-tab-pane>

	</el-tabs>
</template>

<script>
	import datas from './data.vue'
	import module from './module.vue'

	export default {
		name: '',
		components: {
			datas,
			module
		},
		props: {
			api: {
				type: Object
			}
		},
		model: ['api'],
		data() {
			return {

			}
		},
		methods: {

		},
		created() {

		}
	}
</script>

<style scoped="">
	.close {
		width: 0;
		overflow: hidden;
	}

	.closeSpan {
		display: flex;
		align-items: center;
	}

	.closeSpan:hover .close {
		width: 14px;
		overflow: visible;
	}

	.datas {
		display: flex;

	}
</style>
